import React,{useReducer} from 'react'

export const ColorContext = React.createContext({})

export const UPDATE_COLOR = 'UPDATE_COLOR'
const reducer = (state,action)=>{
    switch(action.type){
        case UPDATE_COLOR:
            return action.color
        default:
            return state
    }
}

export const Color = props =>{
    const [color, dispatch] = useReducer(reducer,'blue')
    return(
        <ColorContext.Provider value={{color,dispatch}}>
            {props.children}
        </ColorContext.Provider>
    )
}